<!--
@Author: 李朝晖 3016207275

@Date: 2018-12-12

@进入登陆界面

@Last Modified time: 2018-12-16-->
<!-- <div>
  <div class="title">
    <h1>考勤系统</h1>
  </div>

  <label *ngIf="inform" class="message">
      · · ·<span class="text">
      {{inform}}<br>
    </span>
  </label>

  <div class="window">
    <b>账 号:</b><input #username type="text"  (blur)="getUser(username.value)">
    <br><br>
    <b>密 码:</b><input [(ngModel)]="password" type="password" (keydown.enter)="loginConfirm()">
  </div>

  <button class="button" (click)="loginConfirm()" >登 录</button>
</div> -->


<div class="login-box">
    <div class="login-logo">
      <a><strong style="color:whitesmoke;opacity: 0.75;">考勤系统</strong></a>
    </div>
    <!-- /.login-logo -->
    <div class="login-box-body" style="opacity: 0.8;background: linear-gradient(to right, #7E9DC5 0%, #5FA4A3 63%, #A3CE6C 100%);">
        <p class="login-box-msg" style="color:whitesmoke;opacity: 0.75;">-----{{inform}}-----</p>
        <div class="form-group has-feedback">
          <input #username type="text" class="form-control" placeholder="username" (blur)="getUser(username.value)" style="background: linear-gradient(to right, #91C2CE 0%, #A4A4A4 47%, #A2C2C5 100%);">
          <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
        </div>
        <div class="form-group has-feedback">
           <input [(ngModel)]="password" type="password" class="form-control" placeholder="Password" (keydown.enter)="loginConfirm()" style="background: linear-gradient(to right, #91C2CE 0%, #A4A4A4 47%, #A2C2C5 100%);">
          <span class="glyphicon glyphicon-lock form-control-feedback"></span>
        </div>
        <div class="row">
          <div class="col-xs-8">
            <div class="checkbox icheck">
            </div>
          </div>
          <!-- /.col -->
          <div class="col-xs-0">
            <button class="btn btn-primary btn-block btn-flat"   (click)="loginConfirm()">登  录</button>
          </div>
          <!-- /.col -->
        </div>
    </div>
    <!-- /.login-box-body -->
  </div>
  <!-- /.login-box -->
  